
    {% block content%}
    <!-- 样式 -->
    <link rel="stylesheet" href="css/pc/swiper.min.css">
    <link rel="stylesheet" href="css/pc/content.css">
   <!-- 主体内容 -->
    <div class="blog_content">
        <div class="blog_content_left">
            <div class="blog_content_left">

                <!-- 内容 -->
                <div class="left_content">
                    <ul>
                        {% for blog in result %}
                        <div class="blog_content_one">
                            <div class="img">
                                <img src="images/images1.jpg" alt="">
                            </div>
                            <div class="blog_content_one_content">
                                <a class="readgo" href="/blog/{{blog.id}}">
                                    <li style="list-style-type:none;">
                                        <div class="butto_top">
                                            <span class="bookname">{{blog.title}}</span>
                                        </div>
                                </a>
                                        <div class="butto_bottom">
                                            <p>2020.01.01</p>
                                        </div>
                                
                  
                                        <div class="butto_read">
                                            <span class="bookname">{{blog.md_text}}</span>  
                                            <!-- <button >
                                                阅读
                                            </button> -->
                                        </div>
                                    </li>
                                 
                            </div>
                        </div>

                        {% endfor%}
                    </ul>
                </div>

            </div>
        </div>


        <div class="blog_content_right">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/images/images1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/images2.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/images3.jpg" alt="">
                    </div>
                </div>
                <p class="two">精选</p>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <script src="js/pc/swiper.min.js"></script>

        </div>
    </div>
    {% endblock %}

